<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>装修购材—（品牌）装修设计平台</title>
		<style type="text/css">
			body{
				background: url(img/背景.png);
				width: 1060px;
				margin: auto;
			}
			*{
				font-family: "微软雅黑";
				padding: 0;
				margin: 0;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none ;
			}
			#fir-menu{
				width: 1000px;
				height:20px;
				margin:10px auto 0 auto;
				padding: 20px 30px 20px 30px;
				line-height: 20px;
				font-weight:  bold;
			}
			.f-men-left,.f-men-left>li{
				float: left;
			}
			.f-men-reight,.f-men-reight>li{
				float: right;
			}
			#fir-menu span{
				color: #CDCDCD;
				margin:0 10px;
				font-weight: 100;
			}
			#fir-menu a{
				color: white;
			}
			#fir-menu a:hover{
				color: #D79477;
			}
			
			#end—menu{
				width: 100%;
				height: 150px;
				background-color: rgba(255,255,255,0.3);
			}
			#end—menu>div{
				float: left;
				width: 265px;
				text-align: center;
				margin-top: 10px;
			}
			#end—menu dt{
				height: 50px;
				line-height: 50px;
				color: #D7945B;
				font-size: 20px;
				font-weight: bolder;
			}
			#end—menu dd{
				height: 30px;
				line-height: 30px;
				color: white;
				cursor: pointer;
			}
			#conner{
				width: 100%;
				height: 560px;
				margin-bottom: 50px;
				margin-top: 40px;
				background:url(img/装修购材/0客厅插图1.jpg);
			}
			#conner .con-left{
				height: 560px;
				float: left;
				background-color: rgba(255,255,255,0.6);
				width: 150px;
				font-size: 14px;
			}
			#conner .con-right{
				float: right;
			}
			#conner .con-left>div{
				cursor: pointer;
				width: 1000px;
				height: 70px;
				
			}
			#conner .con-left .item{
				font-size:16px ;
			}
			#conner .con-left>div>.con-left-left{
				padding:10px 20px;
				width: 110px;
				float: left;
			}
			#conner .con-left>div>.con-left-right{
				padding-left:20px;
				float: left;
				height: 70px;
				display: none;
				background-color: rgba(255,255,255,0.8);
			}
			#conner .con-left>div>.con-left-right img{
				display: block;
				float: left;
				height: 60px;
				margin: 5px 10px 5px 0;
			}
			#conner .con-left .item>span{
				display: block;
				float: right;
				font-family: "宋体";
				font-weight: bolder;
				color: #45718E;
				font-size: 32px;
			}
			#conner p{
				line-height: 50px;
				height:50px;
				color: #45718E;
			}
			#conner .con-left .neirong>span{
				margin-left:10px ;
			}
			#conner  .con-left>div:hover .con-left-right{
				display: block;
			}
			#conner .con-left>div>.con-left-left:hover{
				background-color: rgba(255,255,255,0.8);
				color: #45718E;
			}
			#conner .con-left .neirong{
				height: 70px;
				line-height: 70px;
				font-size: 16px;
				margin-right: 20px;
				cursor: pointer;
			}
		</style>
	</head>	
	<body>
		<!--第一导航-->
		<div id="fir-menu">
			<ul class="f-men-left">
				<li><a href="index.html">Home</a><span>|</span></li>
				<li><a href="我要装修.html">我要装修</a><span>|</span></li>
				<li><a href="DIY设计.html" style="color: #D79477;">DIY设计</a><span>|</span></li>
				<li><a href="同步施工.html">同步施工</a><span>|</span></li>
				<li><a href="装修购材.html">装修购材</a></li>
			</ul>
			<ul class="f-men-reight">
				<li><span>|</span><a href="注册.html">注册</a></li>
				<li><a href="登录.html">登录</a></li>
			</ul>
		</div>
		
		<!--主要内容-->
		<div id="conner">
			<div class="con-left">
				<div class="con-lef-dengshi">
					<div class="con-left-left">
						<p class="item">房间<span>></span></p>
					</div>
					<div class="con-left-right">
						<p class="neirong"><span>客厅</span><span>餐厅</span><span>卧室</span><span>书房</span><span>卫生间</span></p>
					</div>
				</div>
				<div class="con-lef-chuangfang">
					<div class="con-left-left">
						<p class="item">沙发<span>></span></p>
					</div>
					<div class="con-left-right">
						<img src="img/DIY设计/沙发/1 (5).jpg"/>
						<img src="img/DIY设计/沙发/2.JPG"/>
						<img src="img/DIY设计/沙发/link.jpg"/>
						<img src="img/DIY设计/沙发/link2.jpg"/>
						<img src="img/DIY设计/沙发/O1CN011TqM64ACkUFh9e7_!!0-saturn_solar.jpg_220x220.jpg"/>
						<img src="img/DIY设计/沙发/O1CN011mqnAlDKoi6csPV_!!0-saturn_solar.jpg_220x220.jpg"/>
						<img src="img/DIY设计/沙发/O1CN011VxLN2fiSdKVA1W_!!0-saturn_solar.jpg_220x220.jpg"/>
						<img src="img/DIY设计/沙发/O1CN011Kclo5WXo6QvV1j_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/沙发/O1CN011MgYIy8oI161GOH_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
					</div>
				</div>
				<div class="con-lef-weiyu">
					<div class="con-left-left">
						<p class="item">餐桌<span>></span></p>
					</div>
					<div class="con-left-right">
						<img src="img/DIY设计/餐桌/O1CN011bTTEZCIudpTUZ4_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011e2OfWVP8lWkneK_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011eOq4IglvSAVbNh_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011IFkfP4u2ri1uDP_!!2-saturn_solar.png_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011lPwKuj7ailMOMm_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011OFeH6502Mb7K5c_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
						<img src="img/DIY设计/餐桌/O1CN011pqjyZNm9KG9VZm_!!0-saturn_solar.jpg_220x220.jpg_.webp"/>
					</div>
				</div>
				<div class="con-lef-jiancai">
					<div class="con-left-left">
						<p class="item">书桌<span>></span></p>
					</div>
					<div class="con-left-right">
						这是隐藏的
					</div>
				</div>
				<div class="con-lef-dingzhi">
					<div class="con-left-left">
						<p class="item">衣柜<span>></span></p>
					</div>
					<div class="con-left-right">
						这是隐藏的
					</div>
				</div>
				<div class="con-lef-qiangdimian">
					<div class="con-left-left">
						<p class="item">墙纸<span>></span></p>
					</div>
					<div class="con-left-right">
					</div>
				</div>
				<div class="con-lef-dianqi">
					<div class="con-left-left">
						<p class="item">茶几<span>></span></p>
					</div>
					<div class="con-left-right">
						这是隐藏的
					</div>
				</div>
				<div class="con-lef-dianqi">
					<div class="con-left-left">
						<p class="item">卫浴<span>></span></p>
					</div>
					<div class="con-left-right">
						这是隐藏的
					</div>
				</div>
				
			</div>
		</div>
		<!--尾部菜单-->
		<div id="end—menu">
			<div class="end-fir-menu">
				<dl>
					<dt>业务咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-sec-menu">
				<dl>
					<dt>设计咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-thi-menu">
				<dl>
					<dt>施工咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-fou-menu">
				<dl>
					<dt>购买咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
		</div>
	</body>
</html>
